<!DOCTYPE html>
<head>
    <title>Styling</title>
    <link rel="stylesheet" href="../../../codebase/webix.css" type="text/css" charset="utf-8">
    <script src="../../../codebase/webix.js" type="text/javascript" charset="utf-8"></script>
	<script src="common/data.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="../common/samples.css">
	<style>
		.top{
            background-color: #ffe0b2;
			border-color: #ffcc80;

        }
		.webix_selected{
			background-color: #2196f3 !important;
			border-color: #2196f3 !important;
		}
	</style>
</head>
<body>

<div id="testA" style='width:900px; height:450px; '></div>


    <script type="text/javascript" charset="utf-8">


        webix.ready(function(){
            var orgChart = new webix.ui({
                container:"testA",
	            view:"organogram",
	            select: true,
	            borderless: true,
	            data: chart_data_style
            });
        });
    </script>
</body>
</html>